<template>
	<view>
		<view class="docinfo_top"></view>
		<view class="department">
			<view class="department_bos">
				<view class="department_box" v-for="(item,index) in departmentList" :key="index" @click="Onhotdep">
					<image :src="item.img"></image>
					<view class="font-323232 font15">{{item.title}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		onLoad: function(options) {
			uni.setNavigationBarColor({
				frontColor: '#ffffff', // 必写项
				backgroundColor: '#6ccbb6', // 必写项
			})
		},
		data() {
			return {
				//热门科室
				departmentList: [
					// {
					// 	img: require('@/static/department/department_a.png'),
					// 	title: '心血管内科'
					// },
					// {
					// 	img: require('@/static/department/department_b.png'),
					// 	title: '神经内科'
					// },
					// {
					// 	img: require('@/static/department/department_c.png'),
					// 	title: '普外科'
					// },
					// {
					// 	img: require('@/static/department/department_d.png'),
					// 	title: '骨科'
					// },
					// {
					// 	img: require('@/static/department/department_e.png'),
					// 	title: '儿内科'
					// },
					// {
					// 	img: require('@/static/department/department_f.png'),
					// 	title: '妇科'
					// },
					// {
					// 	img: require('@/static/department/department_g.png'),
					// 	title: '消化内科'
					// },
					// {
					// 	img: require('@/static/department/department_h.png'),
					// 	title: '内分泌科'
					// },
					// {
					// 	img: require('@/static/department/department_i.png'),
					// 	title: '皮肤性病科'
					// },
					// {
					// 	img: require('@/static/department/department_j.png'),
					// 	title: '生殖医学科'
					// },
					// {
					// 	img: require('@/static/department/department_k.png'),
					// 	title: '精神科'
					// },
					// {
					// 	img: require('@/static/department/department_k.png'),
					// 	title: '眼科'
					// },
					// {
					// 	img: require('@/static/department/department_a.png'),
					// 	title: '心血管内科'
					// },
					// {
					// 	img: require('@/static/department/department_b.png'),
					// 	title: '神经内科'
					// },
					// {
					// 	img: require('@/static/department/department_c.png'),
					// 	title: '普外科'
					// },
					// {
					// 	img: require('@/static/department/department_d.png'),
					// 	title: '骨科'
					// },
					// {
					// 	img: require('@/static/department/department_e.png'),
					// 	title: '儿内科'
					// },
					// {
					// 	img: require('@/static/department/department_f.png'),
					// 	title: '妇科'
					// },
					// {
					// 	img: require('@/static/department/department_g.png'),
					// 	title: '消化内科'
					// },
					// {
					// 	img: require('@/static/department/department_h.png'),
					// 	title: '内分泌科'
					// },
					// {
					// 	img: require('@/static/department/department_i.png'),
					// 	title: '皮肤性病科'
					// },
					// {
					// 	img: require('@/static/department/department_j.png'),
					// 	title: '生殖医学科'
					// },
					// {
					// 	img: require('@/static/department/department_k.png'),
					// 	title: '精神科'
					// },
					// {
					// 	img: require('@/static/department/department_k.png'),
					// 	title: '眼科'
					// },
				]
			}
		},
		methods: {
			//跳转
			Onhotdep() {
				uni.navigateTo({
					url: '../ask/doclist',
				})
			},
		}
	}
</script>

<style>
	.docinfo_top {
		background-color: #6ccbb6;
		height: 220rpx;
		width: 750rpx;
	}

	/* 热门科室 */
	.department {
		margin-top: -100rpx;
	}

	.department_bos {
		width: 694rpx;
		padding: 30rpx 20rpx;
		background-color: #ffffff;
		box-shadow: 0px 0px 50rpx 0px rgba(213, 213, 213, 0.3);
		border-radius: 10rpx;
		margin: 20rpx 28rpx;
		border-radius: 30rpx;
		display: flex;
		flex-wrap: wrap;
	}

	.department_box {
		width: 163.5rpx;
		height: 160rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border-bottom: 2rpx solid #f6f5f5;
	}

	.department_box:nth-last-of-type(1) {
		border-bottom: 0rpx solid #f6f5f5;
	}

	.department_box:nth-last-of-type(2) {
		border-bottom: 0rpx solid #f6f5f5;
	}

	.department_box:nth-last-of-type(3) {
		border-bottom: 0rpx solid #f6f5f5;
	}

	.department_box:nth-last-of-type(4) {
		border-bottom: 0rpx solid #f6f5f5;
	}


	.department_box image {
		width: 54rpx;
		height: 54rpx;
		margin-bottom: 10rpx;
	}
</style>
